<template>
        <div class="phoneKey">
            <!-- 顶部状态栏 -->
            <!-- <div class="top"> -->
                    <!-- <van-icon name="arrow-left" size="20px" @click="goback()"/> -->
                  
            <!-- </div> -->
            <!-- 审核详情 -->
            <div class="img">
                    <img src="../assets/img/img2/ok.png" alt="">
            </div>
            <div class="big">
                提交成功
            </div>
            <div class="small">
                    您的信息已提交成功，工作人员为您尽快处理,请耐心等待
                </div>
           <!-- <div class="tiaozhuan" @click="goExamine()">
               查看申请
           </div> -->
           <div class="tiaozhuan" @click="gohome()">
                返回首页
            </div>
        </div>
    </template>
    
    <script>
        import {mapState,mapActions} from 'vuex'
        import {Step, Steps } from 'vant'
        import { Icon } from 'vant'
    
        export default {
            // 当前组件的名称
            name: 'home',
    
            data(){
                return {
                    active:1,
                    username:"",
                    idCard:"",
                    examineList:[1,2]

                }
            },
    
            // 在当前组件中添加其他的自定义组件
            components: {
                
            },
    
            /*
                在computed中添加mapState
                如果computed中只有一个辅助函数，后面可以直接写成函数名
            */		
            computed: mapState(['token','userInfo']), // this.token相当于this.$store.state.token
    
            methods: {
               
                goback(){
                    this.$router.back()
                },
                goExamine(){
                    this.$router.push({
                        name:"examine"
                    })
                },
                gohome(){
                    this.$router.push({
                        name:"home1"
                    })
                }
            },
            // 生命周期函数,创建实例,可以获取this,但DOM节点还没有创建出来
           
        }
    </script>
    
    <!-- 添加scoped属性,将样式的作用域限制在当前组件内,不会影响子组件 -->
    <style lang="scss" scoped>
        .phoneKey{
           
        }
        .top{
            
            height:40px;
            line-height: 40px;
            position: relative;
            font-size: 16px;
            margin-bottom: .3rem;
        }
        .img{
            margin: 2.5rem auto 0;
            display: flex;
            justify-content: center;
        }   
        img{
            width: 2.5rem;
            height: 2.5rem;
            background-color: #2D84E5 ;
            border-radius: 50%;
           
        }
        .big{
            font-size: 28px;
            font-weight: 900;
            margin: .3rem 0;
            text-align: center;
        }
        .small{
            width: 70%;
            margin: .2rem auto;
            text-align: center;
        }
        .tiaozhuan{
            font-size: 20px;
            color: #2D84E5;
            padding-top: .5rem;
            text-align: center;
        }
        
    </style>
    